<template>
  <div class="search">
    <el-tag class="tag">{{tag}}</el-tag>
    <div style="display:inline-block;
    margin-left: -7px;
    border-radius: 4px;">
<el-input
      :style="{'width':width}"
      size="small"
      clearable
      oninput="this.value=this.value.replace(/[^0-9]/g, '')"
      v-model="myValues"
      :placeholder="placeholders"
      @blur="blurs"
      @clear="clears"
    >
    </el-input>
    <span  style="display:inline-block">-</span>
    <el-input
      :style="{'width':width}"
      size="small"
      clearable
      oninput="this.value=this.value.replace(/[^0-9]/g, '')"
      v-model="myValuee"
      :placeholder="placeholdere"
      @blur="blure"
      @clear="cleare"
      class="j_inputpass"
    >
    </el-input>
    <span style="font-size:14px">秒</span>
    </div>    
  </div>
  </div>
</template>
<script>
// 通时通次组件
export default {
  name: "passtime-module",
  props: ["tag", "placeholders","placeholdere", "Values","Valuee", "width"],
  data() {
    return {
      myValuee: "",
      myValues: "",
    };
  },
  mounted() {
    this.myValuee = this.valuee;
    this.myValues = this.values;
  },
  watch: {

  },
  methods: {
    blurs(){
        this.$emit("inputs", this.myValues);
    },
    blure(){
        this.$emit("inpute", this.myValuee);
    },
    clears(){
      this.myValues='';
      this.$emit("inputs1", this.myValues);
    },
    cleare(){
      this.myValuee='';
      this.$emit("inpute1", this.myValuee);
    },
  }
};
</script>

<style lang='scss' scoped>
.search {
  margin-right: 20px;
  .tag {
    display: inline-block;
    vertical-align: top;
  }
}
.el-tag {
  background: #ffffff;
  border: 1px solid #dcdfe6;
}
</style>
